<template>
    <view>
        <view class="viewbox auto address bor_radius_10 p-top30 p-bot30 p-left20 p-right20 m-top20" v-if="addDetail.Aaddress" @click="toUrlAdd">
            <view class="row a-center j-sb">
                <view class="d-flex a-center">
                    <text class="color_33 size26 bold">{{ addDetail.Aname ? addDetail.Aname : ' ' }}</text>
                    <text class="color_33 h6 m-left40">{{ addDetail.Amobile ? addDetail.Amobile : '' }}</text>
                </view>
                <view class="iconfont icon-xiangyouxiayiye h6 color_80 text-right" v-if="edit_address == 1"></view>
            </view>

            <view class="rows m-top20 d-flex f-nowrap a-start">
                <view class="white size22 bold p-left22 p-right22 p-top10 p-bot10 normerAdd bor_radius_10 t-letter2 f-shrink-0">默认</view>
                <view class="color_33 size32 bold m-left20 f-gorw1">
                    {{ addDetail.Aregion ? addDetail.Aregion : '' }} {{ addDetail.Aaddress ? addDetail.Aaddress : ' ' }}{{ addDetail.room_number }}
                </view>
            </view>
        </view>

        <!--  选择包装 -->
        <!-- 	<view class="viewbox auto bgwhite bor_radius_10 m-top20 p-top30 p-bot30 p-left20 d-flex j-sb a-center">
			<text class="color_20 size30">选择包装</text>
			<view class="d-flex a-center m-right70">
				<view class="d-flex a-center"  @click="packages(1)">
					<view class="Package d-flex a-center j-centert" :class="{packActive:Package == 1}"><view class="iconfont icon-xuanzhong h6"></view></view>
					<text class="h6 color_33 m-left16">生鲜鸡</text>
				</view>
				<view class="d-flex a-center m-left70" @click="packages(2)">
					<view class="Package d-flex a-center j-centert" :class="{packActive:Package == 2}"><view class="iconfont icon-xuanzhong h6"></view></view>
					<text class="h6 color_33 m-left16">礼品盒</text>
				</view>
			</view>
		</view> -->
    </view>
</template>

<script>
    export default {
        name: 'orderAddress',
        props: ['addDetail', 'edit_address'],
        // props:{
        // 	addDetail:{
        // 		type:Object,
        // 		default(){
        // 			return {}
        // 		}
        // 	}
        // },
        data() {
            return {
                Package: 1
            };
        },
        created() {},
        methods: {
            addr_pop_isshow() {
                this.$emit('addr_pop_isshow');
            },
            toUrlAdd() {
                if (this.edit_address == 0) return;
                this.toUrl(`/orderPage/Addresslist/Addresslist`);
            }
            // packages(num){
            // 	let that = this;
            // 	that.Package = num;
            // 	if(num == 1){
            // 		this.$emit('package1')
            // 	}else{
            // 		this.$emit('package2')
            // 	}

            // }
        }
    };
</script>

<style lang="scss">
    .address {
        background: #eff1f2;
    }
    .normerAdd {
        background: var(--color);
    }
    .Package {
        width: 30rpx;
        height: 30rpx;
        border: 1rpx solid #cccccc;
        border-radius: 50%;
        -webkit-border-radius: 50%;
    }
    .packActive {
        border: 1rpx solid var(--color) !important;
        background: var(--color) !important;
    }
</style>
